html,body{height:100%;font-size:14px;margin:0 !important;}
ul,ol{list-style:none;}
a:hover{text-decoration:underline;}
#app{height:100%;overflow:hidden;}
.m-2{width:100px!important;}
.w100{width:100%!important;}
.el-input__inner{width: 150px}
img{font-size:0;}
.relative{position:relative;}
.flex-center{display:flex;align-items:center;justify-content:center;}
.cursor-pointer,.cursor{cursor:pointer!important;}
.text-center,txt-c{text-align:center!important;}
.w100p{width:100%!important;}
.c000{color:#000000!important;}
.cfff,.cof{color:#ffffff!important;}
.c666{color:#666!important;}
.c999{color:#999!important;}
.red{color:#f44336;}
.green{color:#4caf50!important;}
.orangle{color:#ff5722!important;}
.theme{color:#55a0f8!important;}
.fw,.fb{font-weight:bold!important;}
.fn{font-weight: normal!important;}
.textunline{text-decoration:underline!important;}
.textdel{text-decoration:line-through!important;}
::-webkit-scrollbar{width:6px;height:6px;background-color:#f5f5f5;}
::-webkit-scrollbar-button{background-color:rgba(0,0,0,0.1);}
::-webkit-scrollbar-track{background-color:#f5f5f5;border-radius:5px;}
::-webkit-scrollbar-thumb{background-color:#c9c9c9;border-radius:5px;}
.mb-3{margin-bottom:20px;}
.p-3{padding:15px;}
.mt1{margin-top:1px!important;}
.mt2{margin-top:2px!important;}
.mt3{margin-top:3px!important;}
.mt4{margin-top:4px!important;}
.mt5{margin-top:5px!important;}
.mt6{margin-top:6px!important;}
.mt8{margin-top:8px!important;}
.mt10{margin-top:10px!important;}
.mt15{margin-top:15px!important;}
.mt20{margin-top:20px!important;}
.mt25{margin-top:25px!important;}
.mt30{margin-top:30px!important;}
.mb5{margin-bottom:5px!important;}
.mb10{margin-bottom:10px!important;}
.mb15{margin-bottom:15px!important;}
.mb20{margin-bottom:20px!important;}
.mr2{margin-right:2px!important;}
.mr3{margin-right:3px!important;}
.mr4{margin-right:4px!important;}
.mr5{margin-right:5px!important;}
.mr10{margin-right:10px!important;}
.mr15{margin-right:15px!important;}
.mr20{margin-right:20px!important;}
.mr20{margin-right:25px!important;}
.mr20{margin-right:30px!important;}
.ml2{margin-left:2px!important;}
.ml3{margin-left:3px!important;}
.ml4{margin-left:4px!important;}
.ml5{margin-left:5px!important;}
.ml10{margin-left:10px!important;}
.ml15{margin-left:15px!important;}
.ml20{margin-left:20px!important;}
.ml25{margin-left:25px!important;}
.ml30{margin-left:30px!important;}
.pr{position:relative}
.pa{position:absolute}
.pf{position:fixed}
.ps{position: sticky;top:0;z-index:10}
.fw,fb{font-weight:bold!important;}
.tp1{top:1px}
.tp2{top:2px}
.tp3{top:3px}
.tp4{top:4px}
.tp5{top:5px}
.ftp1{top:-1px}
.ftp2{top:-2px}
.ftp3{top:-3px}
.ftp4{top:-4px}
.ftp5{top:-5px}
.l1{left:1px}
.l2{left:2px}
.l3{left:3px}
.l4{left:4px}
.l5{left:5px}
.fl1{left:-1px}
.fl2{left:-2px}
.fl3{left:-3px}
.fl4{left:-4px}
.fl5{left:-5px}
.fz12{font-size:12px !important;}
.fz13{font-size:13px !important;}
.fz14{font-size:14px !important;}
.fz16{font-size:16px !important;}
.fz18{font-size:18px !important;}
.fz20{font-size:20px !important;}
.fz22{font-size:22px !important;}
.fz24{font-size:24px !important;}
.fz28{font-size:28px!important;}
.fz30{font-size:30px!important;}
.fz32{font-size:32px!important;}
.fz36{font-size:36px!important;}
.fz42{font-size:42px!important;}
.fz48{font-size:48px!important;}
.hide{display:none !important;}
.show{display:block !important;}
.flex{display:flex;}
.flex1{flex:1;}
.justify-center,.justify-content-center{justify-content:center;}
.justify-space-between,.justify-content-between{justify-content:space-between;}
.justify-content-around{justify-content: space-around;}
.align-center{align-items:center;}
.flex-r,.flex-row{flex-direction:row;}
.flex-c,.flex-column{flex-direction:column;}
.flex-wrap{flex-wrap:nowrap;}
.flex-nowrap{flex-wrap:wrap;}

.kva-container{overflow:hidden;}
.kva-contentbox{background-color:#f0f2f5;padding:15px;padding-top:0;}
.kva-pagination-box{margin-top:15px;display:flex;}
.kva-pagination-box.left{justify-content:flex-start;}
.kva-pagination-box.center{justify-content:center;}
.kva-pagination-box.right{justify-content:flex-end;}
@media screen and (max-width:664px){.lang,.fullbox{display:none;}
}
.page{height:calc(100vh - 90px);overflow:auto;background:#f0f2f5;}
.page .gva-card-box{padding:12px 16px;}
.page .gva-card-box + .gva-card-box{padding-top:0;}
.page .gva-card{box-sizing:border-box;background-color:#fff;border-radius:2px;height:auto;padding:26px 30px;overflow:hidden;box-shadow:0 0 7px 1px rgba(0,0,0,0.03);}
.page .gva-top-card{height:200px;display:flex;align-items:center;justify-content:space-between;color:#777;}
.page .gva-top-card-left{height:100%;display:flex;flex-direction:column;}
.page .gva-top-card-left-title{font-size:22px;color:#343844;}
.page .gva-top-card-left-dot{font-size:16px;color:#6b7687;margin-top:24px;}
.page .gva-top-card-left-rows{margin-top:18px;color:#6b7687;width:600px;align-items:center;}
.page .gva-top-card-left-item{margin-top:14px;}
.page .gva-top-card-left-item + .gva-top-card-left-item{margin-top:24px;}
.page .gva-top-card-right{height:600px;width:600px;margin-top:28px;}
.page .el-card__header{padding:0;border-bottom:none;}
.page .card-header{padding-bottom:20px;font-weight:bold;font-size:16px;border-bottom:1px solid #e8e8e8;}
.page .quick-entrance-title{height:30px;font-size:22px;color:#333;width:100%;border-bottom:1px solid #eee;}
.page .quick-entrance-items{display:flex;align-items:center;justify-content:center;text-align:center;color:#333;margin-bottom:20px;}
.page .quick-entrance-items .quick-entrance-item{padding:16px 28px;margin-top:16px;margin-bottom:-16px;border-radius:4px;transition:all 0.2s;cursor:pointer;height:auto;text-align:center;}
.page .quick-entrance-items .quick-entrance-item:hover{box-shadow:0 0 7px rgba(217,217,217,0.55);}
.page .quick-entrance-items .quick-entrance-item-icon{width:50px;height:50px !important;border-radius:8px;display:flex;align-items:center;justify-content:center;margin:0 auto;}
.page .quick-entrance-items .quick-entrance-item-icon i{font-size:24px;}
.page .quick-entrance-items .quick-entrance-item p{margin-top:10px;}
.page .echart-box{padding:14px;}
.dashboard-icon{font-size:20px;color:#55a0f8;width:30px;height:30px;margin-right:10px;display:flex;align-items:center;}
.flex-center{display:flex;align-items:center;}
@media (max-width:750px){.gva-card{padding:20px 10px !important;}
  .gva-card .gva-top-card{height:auto;}
  .gva-card .gva-top-card-left-title{font-size:20px !important;}
  .gva-card .gva-top-card-left-rows{margin-top:15px;align-items:center;}
  .gva-card .gva-top-card-right{display:none;}
  .gva-card .gva-middle-card-item{line-height:20px;}
  .gva-card .dashboard-icon{font-size:18px;}
}
.commit-table{background-color:#fff;height:400px;}
.commit-table-title{font-weight:600;margin-bottom:12px;}
.commit-table .log-item{display:flex;justify-content:space-between;margin-top:14px;}
.commit-table .log-item .key-box{justify-content:center;}
.commit-table .log-item .key{display:inline-flex;justify-content:center;align-items:center;width:20px;height:20px;border-radius:50%;background:#f0f2f5;text-align:center;color:rgba(0,0,0,0.65);}
.commit-table .log-item .key.top{background:#314659;color:#fff;}
.commit-table .log-item .message{color:rgba(0,0,0,0.65);}
.commit-table .log-item .form{color:rgba(0,0,0,0.65);margin-left:12px;}
.commit-table .log-item .flex{line-height:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.commit-table .log-item .flex-1{flex:1;}
.commit-table .log-item .flex-2{flex:2;}
.commit-table .log-item .flex-3{flex:3;}
.commit-table .log-item .flex-4{flex:4;}
.commit-table .log-item .flex-5{flex:5;}
.el-button{padding:4px 6px !important;}
.videobox{background:#000;height:240px;width:600px;}
.videobox iframe{width:100%;height:100%;overflow:hidden;}
.w-e-bar-item{padding:1px !important;}
.el-form--inline .el-form-item{margin-right:15px !important;}
.el-tag{cursor:pointer;}
iframe{width:100%;height:100%;overflow:hidden;}
iframe body{width:100%;height:100%;overflow:hidden;}
.el-sub-menu__title{height:50px !important;line-height:50px !important;}
.draggable{background-color:#fff;border-radius:8px;padding:20px;}
.el-table thead tr .el-table__cell,.el-table.is-scrolling-none th.el-table-fixed-column--left,.el-table.is-scrolling-none th.el-table-fixed-column--right{background-color:#f7f7f7 !important;}
.search-form{border-radius:8px;background-color:#fff;padding:20px 20px 0;margin-bottom:16px;}
.tox-throbber{display:none !important;}
.cell-fw .cell{font-weight:bold;}
